<script lang="ts" setup>
import dayjs from 'dayjs'

defineProps<{
  data: any
}>()
</script>

<template>
  <div class="error-tip font-size-12px">
    <a-row class="m-t-2">
      <a-space size="mini">
        <div class="color-#333">
          班级:
        </div>
        <div class="color-#333">
          {{ data.className }}
        </div>
      </a-space>
    </a-row>
    <a-row>
      <a-space size="mini">
        <div class="color-#333">
          课次:
        </div>
        <div class="color-#333">
          {{ data.title }}
        </div>
      </a-space>
    </a-row>
    <a-row>
      <a-space size="mini">
        <div class="color-#333">
          时间:
        </div>
        <div class="color-#F53F3F">
          {{ data.lessonDate }} {{ dayjs(data.startTime).format('HH:mm') }}~{{ dayjs(data.endTime).format('HH:mm') }}
        </div>
      </a-space>
    </a-row>
    <a-row>
      <a-space size="mini">
        <div class="color-[#333">
          教室:
        </div>
        <div class="color-[#333]">
          {{ data.classroomName }}
        </div>
      </a-space>
    </a-row>
    <a-row>
      <a-space size="mini">
        <div class="color-[#333">
          教师:
        </div>
        <div class="color-[#333]">
          {{ data.teacherName }}
        </div>
      </a-space>
    </a-row>
  </div>
</template>

<style lang="less" scoped>

</style>
